<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				width: 1000px;
			}
			h3:before{
				content: url(image/logo.png);
			}
			.login-box{
				 border: 1px #0000FF solid;
				background: url(image/banner.png)no-repeat ;
				background-size: 1200px 600px;
				height: 600px;
				width: 1200px;
				margin: 0px auto;
			}
			.login-form{
				border: 1px white solid;
				height: 260px;
				width: 260px;
				text-align: center;
				float: right;
				clear: left;
				margin: 130px;
				background: white;
			}
			header {
				width: 300px;
				margin: 10px 0;
				height: 60px;
			}
			img {
				display: inline;
				width: 30px;
				margin-left: 5px;
			}
			footer {
				width: 100%;
				margin: 0 auto;
			}
			ul li {
				font-size: 12px;
				margin-top: 25px;
				list-style-type: none;
				display: inline-block;
				color: gray;
			}
			#id {
				padding-bottom: 30px;
				text-align: center;
			}
			
		</style>
	</head>
	<body>
		<header>
				<h3>欢迎登录</h3>
		</header>
		<article class="content">
			<nav class="wrap">
				<nav class="login-box">
					<nav class="login-form">
						<h2>京东会员 &nbsp;<img src="image/icon5.jpg"><a href="#">立即注册</a></h2>
						<form action="" method="post" id="loginForm">
							<img src="image/icon1.jpg" >
							<input type="text" name="yonghu" placeholder="邮箱/用户名/已验证手机" /><br />
							<img src="image/icon2.jpg" >
							<input type="password" name="mima" maxlength="16"/><br />
							<input type="checkbox" name="oppo" value="tv" id="tt"/>
							<label for="tt">自动登录</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">忘记密码</a><br />
							<input type="submit" value="登录" />
						</form>
					</nav>
				</nav>
			</nav>
		</article>
		<footer>
			<div id="id">
				<div>
					<ul>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li> 
						<a href="#">联系我们|</a>
						</li>
						<li>
							<a href="#">人才招聘|</a>
						</li>
						<li>
							<a href="#">商家入驻|</a>
						</li>
						<li>
							<a href="#">广告服务|</a>
						</li>
						<li>
							<a href="#">手机京东|</a>
						</li>
						<li>
							<a href="#">友情链接|</a>
						</li>
						<li>
							<a href="#">销售联盟|</a>
						</li>
						<li>
							<a href="#">京东社区|</a>
						</li>
						<li>
							<a href="#">京东公益|</a>
						</li>
						<li>
							<a href="#">English Site</a>
						</li>
					</ul>
				</div>
				<div id="aa">
					<div class="copyright">
						Copyright?2004-2017 京东JD.com 版权所有
					</div>
				</div>
		</footer>
	</body>
</html>
